<!DOCTYPE HTML>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<!-- begin meta -->
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- end meta -->
	
	<!-- begin CSS -->
	<link href="style.css" type="text/css" rel="stylesheet" id="main-style">
	<link href="css/responsive.css" type="text/css" rel="stylesheet">
	<!--[if IE]> <link href="css/ie.css" type="text/css" rel="stylesheet"> <![endif]-->
	<link href="css/colors/blue.css" type="text/css" rel="stylesheet" id="color-style">
    <link href="style-switcher/style-switcher.css" type="text/css" rel="stylesheet">
	<!-- end CSS -->
    
    <link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon">
	
	<!-- begin JS -->
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <!-- jQuery -->
    <script src="js/ie.js" type="text/javascript"></script> <!-- IE detection -->
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <!-- jQuery easing -->
	<script src="js/modernizr.custom.js" type="text/javascript"></script> <!-- Modernizr -->
    <!--[if IE 8]>
    <script src="js/respond.min.js" type="text/javascript"></script> 
    <script src="js/selectivizr-min.js" type="text/javascript"></script> 
    <![endif]--> 
    <script src="style-switcher/style-switcher.js" type="text/javascript"></script> <!-- style switcher -->
    <script src="js/ddlevelsmenu.js" type="text/javascript"></script> <!-- drop-down menu -->
    <script type="text/javascript"> <!-- drop-down menu -->
        ddlevelsmenu.setup("nav", "topbar");
    </script>
    <script src="js/tinynav.min.js" type="text/javascript"></script> <!-- tiny nav -->
    <script src="js/jquery.validate.min.js" type="text/javascript"></script> <!-- form validation -->
    <script src="js/jquery.ui.totop.min.js" type="text/javascript"></script> <!-- scroll to top -->
    <script src="js/jquery.fitvids.js" type="text/javascript"></script> <!-- responsive video embeds -->
    <script src="js/jquery.tweet.js" type="text/javascript"></script> <!-- Twitter widget -->
    <script type="text/javascript" src="js/revslider.jquery.themepunch.plugins.min.js"></script> <!-- swipe gestures -->
    <script src="js/jquery.tipsy.js" type="text/javascript"></script> <!-- tooltips -->
    <script src="js/custom.js" type="text/javascript"></script> <!-- jQuery initialization -->
    <!-- end JS -->
	
	<title>广东汇海华天科技</title>
</head>

<body class="boxed">
<!-- begin container -->
<div id="wrap">
	<!-- begin header -->
    <header id="header" class="container clearfix">
        <!-- begin logo -->
        <h1 id="logo"><a href="index.php"><img src="images/logo1.png" alt="汇海华天" width="70%"></a></h1>
        <!-- end logo -->
        
        <!-- begin navigation wrapper -->
        <div class="nav-wrap clearfix">
        
        <!-- begin search form -->
        <form id="search-form" action="search.php" method="get">
            <input id="s" type="text" name="s" placeholder="Search &hellip;" style="display: none;">
            <input id="search-submit" type="submit" name="search-submit" value="Search">
        </form>
        <!-- end search form -->

        <!-- begin navigation -->
        <nav id="nav">
            <ul id="navlist" class="clearfix">
                <li ><a href="index.php">首页</a>
                </li>
                <li><a href="system.php">系统方案</a>
                </li>
                <li><a href="product.php">产品介绍</a>
                </li>
                <li><a href="news.php">动态新闻</a>
                </li>
                <li class="current"><a href="service.php">发展体系</a>
                </li>
                <li><a href="about-us.php">关于我们</a></li>
            </ul>
        </nav>
        <!-- end navigation -->
        </div>
        <!-- end navigation wrapper -->
    </header>
    <!-- end header -->
	
    <!-- begin page title -->
    <section id="page-title">
    	<div class="container clearfix">
            <h1>发展体系</h1>
            <nav id="breadcrumbs">
                <ul>
                    <li><a href="index.php">首页</a> &rsaquo;</li>
                    <li><a href="service.php">发展体系</a></li>
                    <!-- <li>Grid Columns</li> -->
                </ul>
            </nav>
        </div>
    </section>
    <!-- begin page title -->
    
    <!-- begin content -->
    <section id="content" class="container clearfix">
    	<!-- begin grid columns -->
        <div class="one-half">
            <h2>1/2 Columns</h2>
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat.</p>
        </div>
        <div class="one-half column-last">
            <h2>1/2 Columns</h2>
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="one-third">
            <h2>1/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed.</p>
        </div>
        <div class="one-third">
            <h2>1/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed.</p>
        </div>
        <div class="one-third column-last">
            <h2>1/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="one-fourth">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        <div class="one-fourth">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        <div class="one-fourth">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        <div class="one-fourth column-last">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="one-third">
            <h2>1/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed.</p>
        </div>
        <div class="two-thirds column-last">
            <h2>2/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat. Suspendisse potenti. Donec felis nibh, luctus eget pretium at, accumsan eu ante. Curabitur sapien felis.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="two-thirds">
            <h2>2/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat. Suspendisse potenti. Donec felis nibh, luctus eget pretium at, accumsan eu ante. Curabitur sapien felis.</p>
        </div>
        <div class="one-third column-last">
            <h2>1/3 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="one-fourth">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        <div class="three-fourths column-last">
            <h2>3/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat. Suspendisse potenti. Donec felis nibh, luctus eget pretium at, accumsan eu ante. Curabitur sapien felis, facilisis pretium scelerisque ut, eleifend vitae quam.</p>
        </div>
        
        <div class="clear"></div>
        <hr>
        
        <div class="three-fourths">
            <h2>3/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo. Suspendisse placerat imperdiet justo, nec viverra libero tincidunt sed. Proin accumsan elit viverra nulla accumsan euismod. Phasellus bibendum libero sit amet erat mollis consequat. Suspendisse potenti. Donec felis nibh, luctus eget pretium at, accumsan eu ante. Curabitur sapien felis, facilisis pretium scelerisque ut, eleifend vitae quam.</p>
        </div>
        <div class="one-fourth column-last">
            <h2>1/4 Columns</h2>	
            <p>Donec aliquam luctus dolor nec volutpat. Donec fringilla varius lorem, vulputate euismod velit ultrices et. Vestibulum a enim ut leo.</p>
        </div>
        <!-- end grid columns -->
    </section>
    <!-- end content -->  
    
    <!-- begin footer -->
	<?php include("footer.php"); ?>
	<!-- end footer -->  
</div>
<!-- end container -->
</body>
</html>